<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <meta name="keywords" content="#{$config.keywords}"/>
    <meta name="description" content="#{$config.description}"/>
    <link href="#{$favicon}?v=#{$app.version}" rel="icon">
    <title>#{$title} - #{$config.shop_name}</title>
    #{css(
    [
    "/assets/common/css/bootstrap.min.css",
    "/assets/common/css/_.css",
    "/assets/user/css/_auth.css"
    ],
    [
    "/assets/common/css/font.min.css",
    "/assets/common/js/layui/css/layui.css",
    "/assets/common/css/select2.min.css",
    "/assets/common/css/component.css",
    "/assets/common/js/table/bootstrap-table.css",
    "/assets/common/js/layer/theme/default/layer.css",
    "/assets/common/css/bootstrap.min.css",
    "/assets/common/css/toastr.min.css",
    "/assets/user/css/auth.css"
    ])}
    #{js("/assets/common/js/ready.js")}

    <!--start::HOOK-->
    #{hook(\App\Consts\Hook::USER_GLOBAL_VIEW_HEADER)}
    <!--end::HOOK-->
</head>

<body style="background-size: cover;background-image: linear-gradient(180deg, rgb(255 255 255 / 0%), rgb(255 255 255 / 71%)), url('#{$config.background_url}')">